<!DOCTYPE html>
<html lang="en">
<head>
	<?php $this->load->view('common/head');?>
	
	<!-- 本页面所有 -->
    <meta name="keywords" content="特殊教育，政府购买，政府采购，特殊教育学校，特殊人群，无障碍环境设计，七维教育">
	<meta name="description" content="七维无障碍环境设计致力于为特殊人群提供更加包容的环境，为他们的出行、办事提供便利。">
	<title>七维教育—无障碍环境设计（特殊人群）</title>
	<!-- 导入自定义字体 -->
	<link rel="stylesheet" href="/assets/css/iconfont.css">
	<!-- 导入页面自定义样式 -->
	<link rel="stylesheet" href="/assets/css/government.css">
	<style>
		.dynamic-area{
			width: 100%;
			height: 100%;
		}
		.bg-black{
			width: 100%;
			height: 100%;
			background-color: #000;
			position: absolute;
			z-index: 9;
			opacity: 0;
			-webkit-transition: all  0.2s;
			transition: all  0.2s;
		}
		.area-hide{
			width: 940px;
			height: 365px;
			position: absolute;
			z-index: 10;
			opacity: 0;
			padding: 30px;
		}
		.area-tt{
			font-size: 24px;
			color: #fff;
			font-weight: bold;
			margin-top: -8px;
			opacity: 1;
			-webkit-transform: translate3d(-40px,0,0);
			transform: translate3d(-40px,0,0);
			-webkit-transition: all  0.2s;
			transition: all  0.2s;

		}
		.area-line{
			width: 60px;
			height: 0;
			border: 1px solid #fff;
			opacity: 1;
			-webkit-transform: translate3d(-40px,0,0);
			transform: translate3d(-40px,0,0);
			-webkit-transition: all  0.2s;
			transition: all  0.2s;
		}
		.area-text{
			width: 485px;
			color: #fff;
			font-size: 14px;
			position: absolute;
			right: 45px;
			bottom: 45px;
			opacity: 1;
			-webkit-transform: translate3d(40px,0,0);
			transform: translate3d(40px,0,0);
			-webkit-transition: all  0.2s;
			transition: all  0.2s;
		}
		.activities-img-wrapper>div:hover .dynamic-area .bg-black{
			opacity: 0.2;
		}
		.activities-img-wrapper>div:hover .dynamic-area .area-hide{
			opacity: 1;
		}
		.activities-img-wrapper>div:hover .dynamic-area .area-tt,
		.activities-img-wrapper>div:hover .dynamic-area .area-line,
		.activities-img-wrapper>div:hover .dynamic-area .area-text{
			-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}
	</style>
</head>
<body>
	<div id="header" class="header">
		<?php $this->load->view('common/header');?>	
	</div>
	<div class="container">
		<div id="fullpage" class="banner">
			<div class="bg-black" style="background-color: #5e5e5e;opacity: .15;"></div>
			<img src="/assets/images/government/3.jpg" width="1920px" height="auto" alt="">
			<div class="banner-text">
				<p class="text-big bold">无障碍环境设计</p>
			</div>
			<div class="icon-group clearfix">
				<div>
					<a href="#a-lobby">
						<div class="icon-lobby"></div>
						<div>走廊及扶手</div>
					</a>
				</div>
				<div>
					<a href="#a-toilet">
						<div class="icon-toilet"></div>
						<div>厕所</div>
					</a>
				</div>
				<div>
					<a href="#a-stairway">
						<div class="icon-stairway"></div>
						<div>无障碍楼梯间</div>
					</a>
				</div>
				<div>
					<a href="#a-exit">
						<div class="icon-exit"></div>
						<div>无障碍出入口</div>
					</a>
				</div>		
			</div>
		</div>
		<div class="content-card">
			<ul class="freeBarrier-card">
				<li id="a-lobby">
					<div class="content-card-wrapper">
						<div class="topic clearfix">
							<div class="icon-lobby-black"></div>
							<div class="topic-title">走廊及扶手</div>
						</div>
						<div class="activities-img-wrapper clearfix">
							<div style="background-image: url('/assets/images/government/freeBarrier/lobby.jpg');width: 1000px;height: 425px;margin-right: 10px;background-size: contain;position: relative;">
								<div class="dynamic-area">
									<div class="bg-black"></div>
									<div class="area-hide">
										<div class="area-tt">无障碍设计说明</div>
										<hr class="area-line">
										<div class="area-text">
											(1) 墙壁突出的如消火栓等物品边缘做斜角处理，做加厚的软包使物品嵌入其中以消除安全隐患。<hr>
(2) 走廊沿墙宜做踢脚线，颜色应与地面相区别。<hr>
(3) 内廊宽度大于 2.40m(指扶手间的净距离)，让儿童和教师的通行更为便利。<hr>
(4) 扶手处应设置高低扶手，高扶手高度为 0.90m，低扶手高度为 0.65m，扶手应沿坡道及楼梯连续设置。<hr>
(5) 盲道表面采取防滑设计，宽度宜为250mm~500mm，盲道的纹路应凸出路面4mm高。<hr>
										</div>
									</div>				
								</div>	
							</div>
							
						</div>	
					</div>
				</li>
				<li id="a-toilet">
					<div class="content-card-wrapper">
						<div class="topic clearfix">
							<div class="icon-toilet-black"></div>
							<div class="topic-title">无障碍厕所</div>
						</div>
						<div class="activities-img-wrapper clearfix">
							<div style="background-image: url('/assets/images/government/freeBarrier/toilet.jpg');width: 1000px;height: 425px;margin-right: 10px;background-size: contain;position: relative;">
								<div class="dynamic-area">
									<div class="bg-black"></div>
									<div class="area-hide">
										<div class="area-tt">无障碍设计说明</div>
										<hr class="area-line">
										<div class="area-text">
											（1）门朝向向外，不应设置弹簧门或旋转门。门外侧应设置高900mm的横扶把手，有视力障碍学生的学校应设触感标志。<hr>
（2）厕位应较为宽敞，占地面积应大于1.80mX1.00m，方便轮椅使用者的使用，也方便教师在厕所内对学生进行如厕的指导和教学。<hr>
（3）坐便器和水池处应设置无障碍的扶手。 <hr>
（4）门下设置踢板，起到安全防护的作用。<hr>
										</div>
									</div>				
								</div>	
							</div>
							
						</div>	
					</div>
				</li>
				<li id="a-stairway">
					<div class="content-card-wrapper">
						<div class="topic clearfix">
							<div class="icon-stairway-black"></div>
							<div class="topic-title">无障碍楼梯间</div>
						</div>
						<div class="activities-img-wrapper clearfix">
							<div style="background-image: url('/assets/images/government/freeBarrier/stairway.jpg');width: 1000px;height: 425px;margin-right: 10px;background-size: contain;position: relative;">
								<div class="dynamic-area">
									<div class="bg-black"></div>
									<div class="area-hide">
										<div class="area-tt">无障碍设计说明</div>
										<hr class="area-line">
										<div class="area-text">
											（1） 楼梯踏步踏面应平整防滑或在踏面前缘设防滑，不使用无踏面踏步和突缘直角形踏步。<hr>
（2）楼梯上到平台或继续上楼时设置有提示盲道，帮助低视力儿童使用楼梯，避免安全隐患。<hr>
（3）楼梯扶手表面刻有纹路，增大儿童握住扶杆时的摩擦力，增加使用的安全性能。<hr>
（4）使用了双跑楼梯而非单跑楼梯，提高了使用的安全性。<hr>
（5）扶手为高低扶手，高度分别为900mm和650mm，满足不同学生的使用需求。<hr>
										</div>
									</div>				
								</div>		
							</div>
							
						</div>	
					</div>
				</li>
				<li id="a-exit">
					<div class="content-card-wrapper">
						<div class="topic clearfix">
							<div class="icon-exit-black"></div>
							<div class="topic-title">无障碍出入口</div>
						</div>
						<div class="activities-img-wrapper clearfix">
							<div style="background-image: url('/assets/images/government/freeBarrier/exit.jpg');width: 1000px;height: 425px;margin-right: 10px;background-size: contain;position: relative;">
								<div class="dynamic-area">
									<div class="bg-black"></div>
									<div class="area-hide">
										<div class="area-tt">无障碍设计说明</div>
										<hr class="area-line">
										<div class="area-text">
											（1）门口设置有坡度不大于 1：12 的无障碍坡道，坡道宽度不得小于 0.90m，每段坡道长度不大于 9.00m，门口回转直径不小于1.50cm，便于轮椅的使用。<hr>
（2）设计有无障碍的标示牌及盲文的铭牌，便于视力障碍人士的认识使用。<hr>
（3）地面铺设宜使用无反光的材质，表面需平滑，便于轮椅的使用。<hr>
（4）如需设置感应门，则应满足不同残障人士的需求。<hr>
										</div>
									</div>				
								</div>	
							</div>
						</div>	
					</div>
				</li>
			</ul>				
		</div>	
	</div>
	<div class="footer">
		<?php $this->load->view('common/footer');?>	
	</div>
	<script>
		$(function () {
			resizeBanner();
			$(window).resize(function() {
  				resizeBanner();
			});
	
		})
		function resizeBanner () {
			var hHeader = $("#header").height();
			var hDocument = $(window).height();
			var hFullpage = hDocument - hHeader;
			$("#fullpage").height(hFullpage);
		}

	</script>
</body>
</html>
